<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>首页</title>
    <meta name="Keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

<div class="home">

    <div class="head">
        <a href="./index.html" class="logo">
            <img src="./images/logo.png" alt="">

        </a>
        <div class="r">
            <div class="flex">
                <a href="">
                    <img src="./images/hicon1.png" alt="">
                    English
                </a>
                <a href="">
                    <img src="./images/hicon2.png" alt="">
                    海洋实验室
                </a>
                <a href="">
                    <img src="./images/hicon3.png" alt="">
                    宁波材料所
                </a>
                <a href="">
                    <img src="./images/hicon4.png" alt="">
                    联系方式
                </a>
            </div>
            <div class="other">
                <ul class="nav">
                    <li class="on">
                        <a href="./index.html">首页</a>
                    </li>
                    <li>
                        <a href="">团队简介</a>
                    </li>
                    <li>
                        <a href="news.html">新闻动态</a>
                        <div class="aList">
                            <a href="news.html" class="animated fadeInUp">组内新闻</a>
                            <a href="news.html" class="animated fadeInUp" style="animation-delay: 100ms;">科研进展</a>
                            <a href="news.html" class="animated fadeInUp" style="animation-delay: 200ms;">学术报告</a>
                        </div>
                    </li>
                    <li>
                        <a href="research.html">研究方向</a>
                        <div class="aList">
                            <a href="research.html" class="animated fadeInUp">碳基薄膜材料与应用</a>
                            <a href="research.html" class="animated fadeInUp" style="animation-delay: 100ms;">纳米超硬与润滑薄膜技术</a>
                            <a href="research.html" class="animated fadeInUp" style="animation-delay: 200ms;">等离子体表面改性技术</a>
                            <a href="research.html" class="animated fadeInUp" style="animation-delay: 300ms;">承担完成课题</a>
                        </div>
                    </li>
                    <li>
                        <a href="people.html">研究队伍</a>
                        <div class="aList">
                            <a href="people.html" class="animated fadeInUp">研究员/客聘研究员</a>
                            <a href="people.html" class="animated fadeInUp" style="animation-delay: 100ms;">副研/高级工程师</a>
                            <a href="people.html" class="animated fadeInUp" style="animation-delay: 200ms;">工程师/助理研究员</a>
                            <a href="people.html" class="animated fadeInUp" style="animation-delay: 300ms;">博士研究生</a>
                            <a href="people.html" class="animated fadeInUp" style="animation-delay: 400ms;">硕士研究生</a>
                            <a href="people.html" class="animated fadeInUp" style="animation-delay: 500ms;">离职/毕业人员</a>
                            <a href="zpxq.html" class="animated fadeInUp" style="animation-delay: 600ms;">团队岗位招聘需求</a>
                        </div>
                    </li>
                    <li>
                        <a href="equipment.html">仪器设备</a>
                        <div class="aList">
                            <a href="equipment.html" class="animated fadeInUp">主要科研设备</a>
                            <a href="equipment.html" class="animated fadeInUp" style="animation-delay: 100ms;">表面测试设备</a>
                            <a href="equipment.html" class="animated fadeInUp" style="animation-delay: 200ms;">公共测试平台</a>
                        </div>
                    </li>
                    <li>
                        <a href="result.html">研究成果</a>
                        <div class="aList">
                            <a href="result.html" class="animated fadeInUp">文章论文</a>
                            <a href="result.html" class="animated fadeInUp" style="animation-delay: 100ms;">专利信息</a>
                            <a href="result.html" class="animated fadeInUp" style="animation-delay: 200ms;">会议报告</a>
                            <a href="result.html" class="animated fadeInUp" style="animation-delay: 300ms;">会议报告</a>
                            <a href="result.html" class="animated fadeInUp" style="animation-delay: 300ms;">通知预告</a>
                        </div>
                    </li>

                    <li>
                        <a href="yxsh.html">印象生活</a>
                        <div class="aList">
                            <a href="yxsh.html" class="animated fadeInUp">实验室(Lab)</a>
                            <a href="yxsh.html" class="animated fadeInUp" style="animation-delay: 100ms;">毕业季(Graduate Season)</a>
                            <a href="yxsh.html" class="animated fadeInUp" style="animation-delay: 200ms;">团队风采(Group show）</a>
                        </div>
                    </li>
                </ul>
                <div class="search">
                    <img src="./images/search.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="pheader">
        <div class="menu">
            <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                <img src="./images/logo.png" alt="">
            </a>
            <div class="navbox">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
    </div>

    <div class="menuList">
        <div class="item">
            <div class="tb">
                <a href="./index.html">首页</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="">团队简介</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./news.html">新闻动态</a>
                <img src="./images/arrow.svg" alt="">
            </div>
            <div class="types_top">
                <a href="">组内新闻</a>
                <a href="">科研进展</a>
                <a href="">学术报告</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./research.html">研究方向</a>
                <img src="./images/arrow.svg" alt="">
            </div>
            <div class="types_top">
                <a href="">碳基薄膜材料与应用</a>
                <a href="">纳米超硬与润滑薄膜技术</a>
                <a href="">等离子体表面改性技术</a>
                <a href="">承担完成课题</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./people.html">研究队伍</a>
                <img src="./images/arrow.svg" alt="">
            </div>
            <div class="types_top">
                <a href="">研究员/客聘研究员</a>
                <a href="">副研/高级工程师</a>
                <a href="">工程师/助理研究员</a>
                <a href="">博士研究生</a>
                <a href="">硕士研究生</a>
                <a href="">离职/毕业人员</a>
                <a href="">团队岗位招聘需求</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./equipment.html">仪器设备</a>
                <img src="./images/arrow.svg" alt="">
            </div>
            <div class="types_top">
                <a href="">主要科研设备</a>
                <a href="">表面测试设备</a>
                <a href="">公共测试平台</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="result.html">研究成果</a>
                <img src="./images/arrow.svg" alt="">
            </div>
            <div class="types_top">
                <a href="">文章论文</a>
                <a href="">专利信息</a>
                <a href="">会议报告</a>
                <a href="">通知预告</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="yxsh.html">印象生活</a>
                <img src="./images/arrow.svg" alt="">
            </div>
            <div class="types_top">
                <a href="">实验室(Lab)</a>
                <a href="">毕业季(Graduate Season)</a>
                <a href="">团队风采(Group show）</a>
            </div>
        </div>
        <div class="searchbox" style="padding:.8rem 20px 30px 20px;">
            <input type="text" style="width:70%;padding:7px 15px;outline:none;apperance:none;font-size:16px;background:rgba(255,255,255,.6);border:1px #e38282 solid;color:#fff;" onkeydown="if(event.keyCode==13){window.location.href='/search?keyword='+escape(encodeURI($(this).val()))}" placeholder="搜索全站">
            <svg onclick="javascript:window.location.href='/search/?keyword=escape(encodeURI($(this).siblings('input').val()));" t="1712033879232" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4981" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" style="margin:0 0 -2px -30px"><path d="M1017.5 986.1L811.7 780.3c75.5-82.9 121.5-193 121.5-313.7C933.2 209.3 723.9 0 466.6 0S0 209.4 0 466.6s209.3 466.5 466.6 466.5c120.6 0 230.7-46 313.7-121.4l205.8 205.8c4.3 4.3 10 6.5 15.7 6.5s11.4-2.2 15.7-6.5c8.6-8.6 8.6-22.8 0-31.4z m-550.9-97.5c-232.7 0-422.1-189.4-422.1-422.1S233.8 44.4 466.6 44.4c232.7 0 422.1 189.4 422.1 422.1S699.3 888.6 466.6 888.6z" fill="#ffffff" p-id="4982"></path></svg>
        </div>
    </div>

    <div class="search_box" style="display: none;">
        <div class="close">
            <img src="./images/close.svg" alt="">
        </div>
        <div class="content">
            <input type="text" placeholder="请输入关键词">
            <a href="">
                <img src="./images/search.svg" alt="">
            </a>
        </div>
    </div>

    <div id="luxy">

        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/banner.jpg" class="img" alt="">
                        <div class="bt">
                            <img src="./images/btext.png" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner.jpg" class="img" alt="">
                        <div class="bt">
                            <img src="./images/btext.png" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/banner.jpg" class="img" alt="">
                        <div class="bt">
                            <img src="./images/btext.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="other">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>

        <div class="section1">
            <div class="wrap c_w">
                <div class="common_title">
                    <h1>科研进展</h1>
                    <a href="" class="more">查看更多＋</a>
                </div>
                <div class="content">
                    <div class="l">
                        <div class="swiper-container l_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="" class="item">
                                        <img src="./images/s_1.png" class="img" alt="">
                                        <div class="text">纳米多层梯度薄膜大幅提高Mg合金的耐磨耐蚀性</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="r">
                        <a href="" class="list">
                            <p>团队承担的中科院装备研制项目通过技术验收</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队自研设备纳入《中国科学院自主研制科学仪器2022》...</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队在MAX相涂层低温制备与氧化机理研究取得新进展</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队在金属催化非晶碳转变石墨烯研究方面取得进展</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队在非晶碳基抗磨蚀防护涂层材料方面取得进展</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队在高功率脉冲溅射等离子体研究方面取得进展</p>
                            <div class="time">2022-06-24</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section2">
            <div class="wrap c_w">
                <div class="matter">
                    <div class="common_title">
                        <h1>学术报告</h1>
                        <a href="" class="more">查看更多＋</a>
                    </div>
                    <div class="content">
                        <a href="" class="item">
                            <div class="text">
                                <h1>【20230302】中国矿业大学李晓伟教授学术报告 </h1>
                                <p>
                                    报告人：王亚明教授<br>
                                    时间：2023年2月13日/上午9：30<br>地点：遍观楼705-707
                                </p>
                            </div>
                        </a>
                        <a href="" class="item">
                            <div class="text">
                                <h1>【20230302】中国矿业大学李晓伟教授学术报告 </h1>
                                <p>
                                    报告人：邱兆国副研究院<br>
                                    时间：2022年9月6日<br>地点：遍观楼705-707会议室
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="matter matter2">
                    <div class="common_title">
                        <h1>组内新闻</h1>
                        <a href="" class="more">查看更多＋</a>
                    </div>
                    <div class="content2">
                        <a href="" class="list">
                            <p>团队成员参加第十六届全国薄膜技术学术研讨会</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队成员参加第十四届全国青年表面工程学术会议</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>汪爱英研究员导师组英才计划启动会</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>团队成员参加2024年全国青年摩擦学学术会议</p>
                            <div class="time">2022-06-24</div>
                        </a>
                        <a href="" class="list">
                            <p>日本长冈技术科学大学教授斋藤秀俊一行来访宁波材料所</p>
                            <div class="time">2022-06-24</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="wrap c_w">
                <div class="common_title">
                    <h1>仪器设备</h1>
                    <a href="" class="more">查看更多＋</a>
                </div>
                <div class="content">
                    <div class="button">
                        <img src="./images/jt.png" alt="">
                        <img src="./images/jt2.png" alt="">
                    </div>
                    <div class="swiper-container swiper3">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="" class="item">
                                    <div class="img">
                                        <img src="./images/i_1.png" alt="">
                                    </div>
                                    <div class="text">
                                        电感耦合PECVD复合沉积系统
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="" class="item">
                                    <div class="img">
                                        <img src="./images/i_2.png" alt="">
                                    </div>
                                    <div class="text">
                                        高离化率磁控溅射复合受控阴极电<br>弧镀膜装置
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="" class="item">
                                    <div class="img">
                                        <img src="./images/i_3.png" alt="">
                                    </div>
                                    <div class="text">
                                        磁过滤阴极弧复合溅射镀膜仪
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="" class="item">
                                    <div class="img">
                                        <img src="./images/i_4.png" alt="">
                                    </div>
                                    <div class="text">
                                        复合离子束薄膜沉积设备
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="wrap c_w">
                <a href="" class="item">
                    <img src="./images/t_1.png" alt="" class="img">
                    <div class="position">
                        <div>
                            <h1>招聘</h1>
                            <p>recruit</p>
                            <div class="circle">
                                <svg t="1717337470283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1012" width="200" height="200"><path d="M840.70915792 556.1178643L636.27567408 760.55134815a39.7682157 39.7682157 0 0 1-56.54543171 0 37.28270222 37.28270222 0 0 1 0-55.30267497l139.81013333-141.67426843-564.21156029 0a39.7682157 39.7682157 0 1 1 0-78.91505305L719.5403757 484.6593517 574.13783703 342.98508325a47.84613452 47.84613452 0 0 1 8.07791882-55.30267495 39.7682157 39.7682157 0 0 1 56.5454317 0l201.94797037 197.59832178a42.87510755 42.87510755 0 0 1 0 70.83713422z" fill="#ffffff" p-id="1013"></path></svg>
                            </div>
                            <div class="more">查看更多</div>
                        </div>
                    </div>
                </a>
                <a href="" class="item">
                    <img src="./images/t_2.png" alt="" class="img">
                    <div class="position">
                        <div>
                            <h1>实验室</h1>
                            <p>lab</p>
                            <div class="circle">
                                <svg t="1717337470283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1012" width="200" height="200"><path d="M840.70915792 556.1178643L636.27567408 760.55134815a39.7682157 39.7682157 0 0 1-56.54543171 0 37.28270222 37.28270222 0 0 1 0-55.30267497l139.81013333-141.67426843-564.21156029 0a39.7682157 39.7682157 0 1 1 0-78.91505305L719.5403757 484.6593517 574.13783703 342.98508325a47.84613452 47.84613452 0 0 1 8.07791882-55.30267495 39.7682157 39.7682157 0 0 1 56.5454317 0l201.94797037 197.59832178a42.87510755 42.87510755 0 0 1 0 70.83713422z" fill="#ffffff" p-id="1013"></path></svg>
                            </div>
                            <div class="more">查看更多</div>
                        </div>
                    </div>
                </a>
                <a href="" class="item">
                    <img src="./images/t_3.png" alt="" class="img">
                    <div class="position">
                        <div>
                            <h1>毕业季</h1>
                            <p>Graduate Season </p>
                            <div class="circle">
                                <svg t="1717337470283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1012" width="200" height="200"><path d="M840.70915792 556.1178643L636.27567408 760.55134815a39.7682157 39.7682157 0 0 1-56.54543171 0 37.28270222 37.28270222 0 0 1 0-55.30267497l139.81013333-141.67426843-564.21156029 0a39.7682157 39.7682157 0 1 1 0-78.91505305L719.5403757 484.6593517 574.13783703 342.98508325a47.84613452 47.84613452 0 0 1 8.07791882-55.30267495 39.7682157 39.7682157 0 0 1 56.5454317 0l201.94797037 197.59832178a42.87510755 42.87510755 0 0 1 0 70.83713422z" fill="#ffffff" p-id="1013"></path></svg>
                            </div>
                            <div class="more">查看更多</div>
                        </div>
                    </div>
                </a>
                <a href="" class="item">
                    <img src="./images/t_4.png" alt="" class="img">
                    <div class="position">
                        <div>
                            <h1>团队风采</h1>
                            <p>Group show </p>
                            <div class="circle">
                                <svg t="1717337470283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1012" width="200" height="200"><path d="M840.70915792 556.1178643L636.27567408 760.55134815a39.7682157 39.7682157 0 0 1-56.54543171 0 37.28270222 37.28270222 0 0 1 0-55.30267497l139.81013333-141.67426843-564.21156029 0a39.7682157 39.7682157 0 1 1 0-78.91505305L719.5403757 484.6593517 574.13783703 342.98508325a47.84613452 47.84613452 0 0 1 8.07791882-55.30267495 39.7682157 39.7682157 0 0 1 56.5454317 0l201.94797037 197.59832178a42.87510755 42.87510755 0 0 1 0 70.83713422z" fill="#ffffff" p-id="1013"></path></svg>
                            </div>
                            <div class="more">查看更多</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <div class="section5">
            <div class="c_w">
                <div class="link">
                    <div>
                        <p>快速链接</p>
                        <div class="line"></div>
                    </div>
                </div>
                <a href="" class="list">
                    <img src="./images/a_1.png" alt="">
                </a>
                <a href="" class="list">
                    <img src="./images/a_2.png" alt="">
                </a>
                <a href="" class="list">
                    <img src="./images/a_3.png" alt="">
                </a>
                <a href="" class="list">
                    <img src="./images/a_4.png" alt="">
                </a>
                <a href="" class="list">
                    <img src="./images/a_5.png" alt="">
                </a>
            </div>
        </div>

        <div class="foot">
            <img src="./images/foot.png" class="bg" alt="">
            <div class="wrap">
                <div class="des">
                    <p> 地址：浙江省宁波市镇海区庄市大道319号</p>
                    <p> 邮件：chenrd@nimte.ac.cn</p>
                    <p> 电话：0574-86685036</p>
                </div>
                <div class="logo">
                    <img src="./images/flogo.png" alt="">
                </div>
            </div>
        </div>
    </div>

</div>
<script src="./js/jquery-3.6.1.min.js" type="text/javascript"></script>
<script src="./js/luxy.js"></script>
<script src="./js/common.js"></script>
<script src="./js/swiper.js"></script>
</body>
<script>
    var banner = new Swiper('.banner .swiper-container', {
        speed: 1000,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        loop: true,
        on: {
            init() {
                $('.banner .other div').eq(this.realIndex).addClass('on')
            },
            slideChange() {
                $('.banner .other div').removeClass('on').eq(this.realIndex).addClass('on')
                if (this.realIndex > 0) {
                    this.params.autoplay.delay = 3000
                }
            }
        }
    })

    $('.banner .other div').click(function () {
        var index = $(this).index()
        banner.slideToLoop(index)
    })

    new Swiper('.section1 .l_swiper', {
        speed: 1000,
        loop: true,
        spaceBetween: 20,
    })

    new Swiper('.swiper3', {
        speed: 1000,
        spaceBetween: 50,
        slidesPerView: 4,
        loop: true,
        navigation: {
            nextEl: '.section3 .wrap .content .button img:last-child',
            prevEl: '.section3 .wrap .content .button img:first-child',
        },
        breakpoints: {
            100: {
                spaceBetween: 50,
                slidesPerView: 1,
            },
            768: {
                spaceBetween: 50,
                slidesPerView: 3,
            },
            1200: {
                spaceBetween: 50,
                slidesPerView: 4,
            },
        }
    })

</script>
</html>